<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'report.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link rel="stylesheet" href="<%=path%>/reportcss/Style.css" type="text/css" />
	<script language="JavaScript" src="<%=path%>/reportjs/FusionCharts.js"></script>
	<script type="text/javascript" src="<%=path %>/js/jquery-min.js"></script>
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

  </head>
   
  <body>
 </body>
 <form action="<%=path %>/download.do" name="frm" method="post">
 <input type="submit" name="frm" value="下载文件" />
 </form>
 <a href="<%=path %>/download.do">下载文件</a>
 <!--  
 <div id="ColumnLine3D" style="float:right;" align="center"><strong>请检查flash插件是否已安装</strong></div>-->
 <div style="width=100%">
<div id="pie2ddiv" style="float:left;" align="center"><strong>请检查flash插件是否已安装</strong></div>
<div id="pie2ddiv2" style="float:left;" align="center"><strong>请检查flash插件是否已安装</strong></div>


<div id="Column3D" style="float:left;" align="center"><strong>请检查flash插件是否已安装</strong></div>
<div id="Column3D2" style="float:left;" align="center"><strong>请检查flash插件是否已安装</strong></div>
<div id="Column3D3" style="float:left;" align="center"><strong>请检查flash插件是否已安装</strong></div>
<div id="Column3D4" style="float:left;" align="center"><strong>请检查flash插件是否已安装</strong></div>


<div id="line" style="float:left;"><strong>请检查flash插件是否已安装</strong></div>
<div id="line2" style="float:left;"><strong>请检查flash插件是否已安装</strong></div>

<div id="doughnut" style="float:left;"><strong>请检查flash插件是否已安装</strong></div>
<div id="doughnut2" style="float:left;"><strong>请检查flash插件是否已安装</strong></div>

<div id="bar" style="float:left;"><strong>请检查flash插件是否已安装</strong></div>
<div id="bar2" style="float:left;"><strong>请检查flash插件是否已安装</strong></div>
<div id="bar3" style="float:left;"><strong>请检查flash插件是否已安装</strong></div>
<div id="bar4" style="float:left;"><strong>请检查flash插件是否已安装</strong></div>


<div id="area" style="float:left;"><strong>请检查flash插件是否已安装</strong></div>
<div id="ColumnLine3D" style="float:left;" align="center"><strong>请检查flash插件是否已安装</strong></div>

<!-- 测试实时刷新 -->
<div id="multiImage" style="float:left;" align="center"><strong>请检查flash插件是否已安装</strong></div>
</div>
   <script type="text/javascript">
   	    $.ajax({
				url:"${pageContext.request.contextPath}/report.do?method=pieImage",
				type:"post",
				dataType:"text",
				success:function(xml){
					  var myChart = new FusionCharts("flashfile/pojie/Pie2D.swf", "myChartId", "300", "300", "0", "0");
				      myChart.setDataXML(xml);
				      myChart.render("pie2ddiv");
				      
				      var myChart3 = new FusionCharts("flashfile/pojie/Pie3D.swf", "myChartId", "300", "300", "0", "0");
				      myChart3.setDataXML(xml);
				      myChart3.render("pie2ddiv2");
				      
				    
			     }
			});
			
			//普通柱状图
			 $.ajax({
				url:"${pageContext.request.contextPath}/report.do?method=columnImage",
				type:"post",
				dataType:"text",
				success:function(xml){
					  var myChart = new FusionCharts("flashfile/pojie/Column3D.swf", "myChartId", "300", "300", "0", "0");
				      myChart.setDataXML(xml);
				      myChart.render("Column3D");
				      
				      var myChart3 = new FusionCharts("flashfile/pojie/Column2D.swf", "myChartId", "300", "300", "0", "0");
				      myChart3.setDataXML(xml);
				      myChart3.render("Column3D3");
				      
				      
			     }
			});
			//分组柱状图
			 $.ajax({
				url:"${pageContext.request.contextPath}/report.do?method=columnImageGroup",
				type:"post",
				dataType:"text",
				success:function(xml){
				     var myChart2 = new FusionCharts("flashfile/pojie/MSColumn3D.swf", "myChartId", "300", "300", "0", "0");
				      myChart2.setDataXML(xml);
				      myChart2.render("Column3D2");
				      
				      var myChart4 = new FusionCharts("flashfile/pojie/MSColumn2D.swf", "myChartId", "300", "300", "0", "0");
				      myChart4.setDataXML(xml);
				      myChart4.render("Column3D4");
				    
				}
			});
			//普通曲线图
			 $.ajax({
				url:"${pageContext.request.contextPath}/report.do?method=line",
				type:"post",
				dataType:"text",
				success:function(xml){
					  var myChart = new FusionCharts("flashfile/pojie/Line.swf", "myChartId", "300", "300", "0", "0");
				      myChart.setDataXML(xml);
				      myChart.render("line");
				      
			     }
			});
			//分组曲线图
			 $.ajax({
				url:"${pageContext.request.contextPath}/report.do?method=lineGroup",
				type:"post",
				dataType:"text",
				success:function(xml){
				      var myChart = new FusionCharts("flashfile/pojie/MSLine.swf", "myChartId", "300", "300", "0", "0");
				      myChart.setDataXML(xml);
				      myChart.render("line2");
			     }
			});
			
			//环状图形
			 $.ajax({
				url:"${pageContext.request.contextPath}/report.do?method=doughnutImage",
				type:"post",
				dataType:"text",
				success:function(xml){
					  //2d图
				      var myChart = new FusionCharts("flashfile/pojie/Doughnut2D.swf", "myChartId", "300", "300", "0", "0");
				      myChart.setDataXML(xml);
				      myChart.render("doughnut");
				      //3d图
				      var myChart = new FusionCharts("flashfile/pojie/Doughnut3D.swf", "myChartId", "300", "300", "0", "0");
				      myChart.setDataXML(xml);
				      myChart.render("doughnut2");
			     }
			});
			//区域图
			 $.ajax({
				url:"${pageContext.request.contextPath}/report.do?method=areaImage",
				type:"post",
				dataType:"text",
				success:function(xml){
				      var myChart = new FusionCharts("flashfile/pojie/Area2D.swf", "myChartId", "300", "300", "0", "0");
				      myChart.setDataXML(xml);
				      myChart.render("area");
			     }
			});
			//bar 图
			 $.ajax({
				url:"${pageContext.request.contextPath}/report.do?method=barImage",
				type:"post",
				dataType:"text",
				success:function(xml){
					  //普通bar 2d图
				      var myChart = new FusionCharts("flashfile/pojie/Bar2D.swf", "myChartId", "300", "300", "0", "0");
				      myChart.setDataXML(xml);
				      myChart.render("bar");
				      
				     
			     }
			});
			//2d 、3d bar 图
			 $.ajax({
				url:"${pageContext.request.contextPath}/report.do?method=multiBarImage",
				type:"post",
				dataType:"text",
				success:function(xml){
					  var myChart2 = new FusionCharts("flashfile/pojie/MSBar2D.swf", "myChartId", "300", "300", "0", "0");
				      myChart2.setDataXML(xml);
				      myChart2.render("bar2");
				      
				      var myChart3 = new FusionCharts("flashfile/pojie/MSBar3D.swf", "myChartId", "300", "300", "0", "0");
				      myChart3.setDataXML(xml);
				      myChart3.render("bar3");
				     
			     }
			});
			
			//bar 分块儿图
			 $.ajax({
				url:"${pageContext.request.contextPath}/report.do?method=multiGroupBarImage",
				type:"post",
				dataType:"text",
				success:function(xml){
				      var myChart = new FusionCharts("flashfile/pojie/MSStackedColumn2D.swf", "myChartId", "300", "300", "0", "0");
				      myChart.setDataXML(xml);
				      myChart.render("bar4");
				      
				     
			     }
			});
			//柱状 曲线 混合图
			 $.ajax({
				url:"${pageContext.request.contextPath}/report.do?method=mSColumnLine3D",
				type:"post",
				dataType:"text",
				success:function(xml){
					  var myChart = new FusionCharts("flashfile/pojie/MSColumnLine3D.swf", "myChartId", "300", "300", "0", "0");
				      myChart.setDataXML(xml);
				      myChart.render("ColumnLine3D");
			     }
			});
			
			//实时图
			//var multiChart = new FusionCharts("flashfile/pojie/Line.swf", "multiChart", "300", "300", "0", "0");
			//multiChart.changeType="multi";
			//multiChart.
			
			
			
	   </script>
   </html>
